Scriptia. Javascript y buenas prácticas en español

jQuery API Browser está de vuelta

Para los que preferíamos la vieja interfaz de consulta de la API de jQuery: jQuery API.

Los locos locos eventos de teclado

En lo que hace a eventos, los navegadores suelen ir a su bola. Y en lo que hace a eventos de teclado, el caos es absoluto: hay quien notifica las teclas modificadores en keypress, hay quien no; cada navegador es un mundo en cuanto a códigos de tecla… y dos o tres pesadillas más.

En JavaScript Madness: Keyboard Events, Jan Wolter documenta para uso y disfrute público todas las divergencias que se va encontrando.

jQuery 1.2

El equipo de desarrollo de jQuery ha publicado la versión 1.2 de la biblioteca. Incorpora algunas novedades que justifican sobradamente el cambio de minor version.

Selectores

Se incorporan :has(), :header y :animated. Desaparecen los selectores XPath (si los necesitas, puedes usar el plugin de compatibilidad con XPath) y, aprovechando la ocasión, la sintaxis para los selectores por atributo usa sintaxis CSS. Así, a[@class=jfgi] se convierte en a[class=jfgi].

Atributos

El método val() ha sido mejorado y ahora permite recuperar el valor de elementos SELECT y marcar y desmarcar checkboxes.

Navegación por el DOM

Nuevos métodos. map() permite la transmutación alquímica de la colección. prevAll() y nextAll() recuperan, respectivamente, los hermanos (siblings) mayores y menores (o anteriores y siguientes, como se prefiera). slice() corta la colección a gusto del consumidor. hasClass('una-clase‘) nos dice si el elemento tiene o no asignada una-clase. andSelf() combina dos colecciones apiladas. contents() recupera los nodos hijos, incluidos los nodos de tipo texto.

Manipulación

Llegan wrapAll() y wrapInner(). clone() trae una gran novedad: usando clone(true) los elementos clonados mantienen los manejadores de eventos del original.

Posición

Aterriza offset(), que nos devuelve las coordenadas de un elemento tomando como origen la esquina superior izquierda del viewport. height() y width() también sirven ahora para obtener el tamaño de la ventana y el documento.

AJAX

Ahora load() permite cargar de modo muy sencillo pedazos de HTML. Usa un selector a continuación de la URL para indicar el filtro: $('#links').load('/Main_Page #p-Getting-Started li'). Con getScript() podemos cargar scripts desde otros dominios, lo que autoriza a getJSON() a utilizar servicios web basados en JSONP. El método serialize() ha sido reescrito para permitir la serialización sencilla de formularios. Se ha incorporado a $.ajax() la opción cache que fuerza el refresco de los datos solicitados.

Efectos

Ya podemos utilizar valores en em o porcentajes en las animaciones. El plugin (oficial) Color Animations permite realizar animaciones de colorines. stop() detiene las animaciones. Llegan stop(), queue(), dequeue(), las animaciones relativas, las personalizadas y otras maravillas.

Eventos

El nuevo método triggerHandler() dispara los manejadores de eventos asignados a un elemento sin activar el comportamiento por defecto del elemento. Llegan los eventos con espacio de nombres.

Todos los detalles en jQuery 1.2: jQuery.extend(”Awesome”).

Chuleta de jQuery

Adrien Gibrat ha tenido a bien crear y compartir una chuletita de jQuery (PDF).

Novedades en jQuery 1.1.4

La versión 1.1.4 de jQuery, publicada a finales de agosto, incluye, como es costumbre, algunas mejoras en el rendimiento, pero también (y esto no es tan habitual) algunas novedades interesantes que merece la pena conocer.

Continúa leyendo Novedades en jQuery 1.1.4

¿Qué tal se te da Prototype?

A mí no demasiado bien, pues apenas he usado esta biblioteca (ya sabéis, soy un hombre jQuery). Así que algunos de los «truquillos» que se explican en How well do you know prototype me vienen bien desde ya.

jQuery 1.1.3: igual de ligera, más rápida

Amigos: ya está aquí la versión 1.1.3 de mi biblioteca favorita. Novedades: mejora en el sistema de eventos, nuevos selectores (y la recuperación de ~= como selector por atributos con valores separados por espacios), mejoras en las animaciones y, chan ta ta chan, mejoras en la velocidad de la selección de nodos de hasta un 800%.

Léanlo todo, amigos míos, en jQuery 1.1.3: 800%+ Faster, still 20KB.

Distribuciones personalizadas de Dojo

Dojo es una librería gorda gorda gorda. Para evitar tener que cargarla completa en cada página, provee el método dojo.require que nos permite cargar las dependencias al vuelo. Pero el exceso de peticiones HTTP puede volverse en nuestra contra. Para aliviar nuestros sufrimientos, los chicos de Dojo facilitan la creación de distribuciones personalizadas de la librería. Velo y créelo: Creating a Custom Distribution.

De closures y valores «inesperados»: el porqué y una solución

Una closure (cierre) es una función definida dentro del cuerpo de otra. Dentro de ella podemos acceder a las variables definidas dentro de la función padre. Pero en ocasiones, los resultados no son los esperados. Continúa leyendo De closures y valores «inesperados»: el porqué y una solución

Eventos en jQuery

Presentamos un repaso en profundidad a los métodos de jQuery relacionados con el trabajo con eventos: asignación, manejo (this y target), desligado de manejadores, disparo artificial de eventos, atajos y buen humor. Continúa leyendo Eventos en jQuery